
<style type="text/css">
    .input-group-addon{padding: 15px 12px}
    .panel .panel-body{padding-top: 0px;}
    table.table thead > tr > th{background: #f9f9f9}
    #datatable_wrapper{padding-top: 0px;border-top: 0px;border:none;}

    table.table-bordered.dataTable{margin-top: 0px!important;border-left:1px solid #ddd;border-right:1px solid #ddd;}
    table.table thead > tr > th{
        border-bottom:none!important;
    }

    th, td { white-space: nowrap; }
    div.dataTables_wrapper {width: 100%;margin: 0 auto;}
</style>
<!-- <div class="page-title">
    <h3 class="title">下属管理系统</h3>
</div> -->
<div class="page-title q-tit-change" style="margin:10px;">
    <a href="/drainage/group">团购活动管理</a> > 团购活动报名跟踪
</div>
<div class="row" style="margin: 0px;">
    <div class="col-md-12">
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="search_input_cont">
                    <div class="search_litile_tit"><span class="tit_diswidth"></span>搜索条件</div>
                    <div class="search_condition overflow">
                            <div class="input-group col-sm-3 m-b-10">
                                <span class="input-group-addon">手机号</span>
                                <input type="text" id="example-input1-group1" name="example-input1-group1" class="form-control Phone" placeholder="请输入手机号">
                            </div>
                            <div class="input-group col-sm-3 m-b-10">
                                <span class="input-group-addon">昵称</span>
                                <input type="text" id="example-input1-group1" name="example-input1-group1" class="form-control Nickname" placeholder="请输入昵称">
                            </div>
                           
                            <div class="input-group col-sm-3 m-b-10 TimeCont">
                                <span class="input-group-addon">活动时间:</span>
                                <input type="text" id="StartTime" name="example-input1-group1" class="form-control StartTime" placeholder="请输入开始时间" readonly>
                                <span class="input-group-addon">至</span>
                                <input type="text" id="EndTime" name="example-input1-group1" class="form-control EndTime" placeholder="请输入结束时间" readonly>
                            </div>
                            
                        <div class="col-sm-3"></div>
                        <div class="col-sm-3"></div>
                        <div class="col-sm-3 search_condbtn">
                            <button class="btn btn-primary m-r-10" type="button" id="btnSearch">
                                <i class="fa fa-search"></i> 查  询
                            </button>
                            <button class="btn  btn-primary " type="reset" id="btnRefresh">
                                <i class="fa fa-refresh"></i> 重  置
                            </button>
                        </div>
                    </div>
                </div>
                <div class="row ">
                    <div class="overflow">
                        <div class="search_litile_tit fl" style="margin-left: 10px;"><span class="tit_diswidth"></span>报名信息列表</div>
                        <!-- <div class="fr">
                            <button id="addToTable" class="btn btn-primary m-t-5 m-r-10 edit-add-btn" > <i class="icon ion-android-add"></i> 添加客户</button>
                        </div> -->
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <table id="datatable" class="table table-striped table-bordered dataTable display" cellspacing="0" width="2500">
                            <thead>
                            <tr>
                                <th>序号</th>
                                <!-- <th>操作</th> -->
                                <th>团ID</th>
                                <th>是否团长</th>
                                <th>微信昵称</th>
                                <th>微信头像</th>
                                <th>手机号</th>
                                <th>发起时间</th>
                                <th>结束时间</th>
                                <th>完成时间</th>
                                <th>团购状态</th>
                                <th>订单号</th>
                                <th>下单类型</th>
                                <th>支付金额</th>
                                <!-- <th>支付账号</th> -->
                                <th>支付方式</th>
                                <th>支付流水</th>
                                <th>支付时间</th>
                                <th>收货人</th>
                                <th>收货地址</th>
                                <th>快递公司</th>
                                <th>快递单号</th>
                                <th>备注</th>
                            </tr>
                            </thead>
                            <tbody>
                            <!-- <tr>
                                <td>Tiger Nixon</td>
                                <td>15861888931</td>
                                <td>1586</td>
                                <td>46823</td>
                                <td>2011/04/25</td>
                                <td class="option_btn">
                                    <div data-toggle="modal" data-target="#con-close-modal" style="display: inline-block;">
                                      <span data-toggle="modal" data-target="#con-close-modal" class="btn_detial" data-id="12">查看</span>
                                    </div>
                                </td>
                            </tr> -->
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div> <!-- End Row -->
<link rel="stylesheet" type="text/css" href="/modules/assets/timepicker/bootstrap-timepicker.min.css">
<script src="/modules/assets/timepicker/bootstrap-timepicker.min.js"></script>
<script src="/modules/assets/timepicker/bootstrap-timepicker.min-zn.js"></script>

<script type="text/javascript">
    $(document).ready(function(){
        //初始化日期控件
        $("#StartTime").datetimepicker({
            language: 'zh-CN',
            format: "yyyy-mm-dd hh:ii",
            weekStart: 1,
            todayBtn: 1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            forceParse: 0,
            showMeridian: 1
        });
        //初始化日期控件
        $("#EndTime").datetimepicker({
            language: 'zh-CN',
            format: "yyyy-mm-dd hh:ii",
            weekStart: 1,
            todayBtn: 1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            forceParse: 0,
            showMeridian: 1
        });

    });
    seajs.use('drainage/grouptracking');
</script>